<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<title>首页 - 旅游网-前台</title>
		<%@ include file="/common/include/head_title.jsp" %>
	</head>
	<body>
		<%@ include file="/common/include/head_header.jsp" %>
		<!--首页开始-->
		<section id="homepage" class="top_cont_outer">
			<div class="hero_wrapper">
				<div class="container">
					<div class="hero_section">
						<div class="row">
							<div class="col-md-12">
								<div class="top_left_cont zoomIn wow animated">
									<h2>LIFE IS A VOYAGE</h2>
									<a href="#explore" class="read_more2">开始探索</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--首页结束-->
	
		<!-- 发现开始 -->
		<section id="explore" class="content">
			<div class="container portfolio_title">
				<div class="section-title">
					<h2>为你推荐</h2>
				</div>
			</div>
			<!-- Container -->
			<div class="portfolio-top"></div>
			<!-- 详细信息-->
			<div class="portfolio">
				<div class="isotope fadeInLeft animated wow"
					style="position: relative; overflow: hidden; height: 480px;"
					id="portfolio_wrapper">
	
					<!-- 城市信息-->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four   appleIOS isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic1.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=北京" class="item_info fancybox" target="_blank">
								<h4 class="project_name">北京</h4>
							</a>
						</div>
					</div>
					<!--/城市信息 -->
	
					<!-- 城市信息-->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(337px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four  design isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic2.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=上海" class="item_info fancybox" target="_blank">
								<h4 class="project_name">上海</h4>
							</a>
						</div>
					</div>
					<!--/城市信息 -->
	
					<!-- 城市信息 -->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(674px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four  design  isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic3.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=广州" class="item_info fancybox" target="_blank">
								<h4 class="project_name">广州</h4>
							</a>
						</div>
					</div>
					<!--/城市信息-->
	
					<!-- 城市信息-->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(1011px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four  android  prototype web isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic4.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=三亚" class="item_info fancybox" target="_blank">
								<h4 class="project_name">三亚</h4>
							</a>
						</div>
					</div>
					<!-- 城市信息 -->
	
					<!-- 城市信息 -->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four  design isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic5.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=成都" class="item_info fancybox" target="_blank">
								<h4 class="project_name">成都</h4>
							</a>
						</div>
					</div>
					<!--/城市信息 -->
	
					<!-- 城市信息 -->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(337px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four  web isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic6.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=大理" class="item_info fancybox" target="_blank">
								<h4 class="project_name">大理</h4>
							</a>
						</div>
					</div>
					<!--/城市信息 -->
	
					<!-- 城市信息  -->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(674px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four  design web isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic7.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=苏州" class="item_info fancybox" target="_blank">
								<h4 class="project_name">苏州</h4>
							</a>
						</div>
					</div>
					<!--/城市信息 -->
	
					<!-- 城市信息 -->
					<div
						style="position: absolute; left: 0px; top: 0px; transform: translate3d(1011px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;"
						class="portfolio-item one-four   android isotope-item">
						<div class="portfolio_img">
							<img src="${rootPath}/img/portfolio_pic8.jpg" alt="Portfolio 1">
						</div>
						<div class="item_overlay">
							<a href="${rootPath }/scenicspotList.htm?city=乌鲁木齐" class="item_info fancybox" target="_blank">
								<h4 class="project_name">乌鲁木齐</h4>
							</a>
						</div>
					</div>
					<!--/城市信息 -->
				</div>
			</div>
	
			<div class="portfolio_btm"></div>
			<div id="project_container">
				<div class="clear"></div>
				<div id="project_data"></div>
			</div>
		</section>
		<!--发现结束 -->
	
		<!--搜索开始-->
		<section id="search">
			<div class="inner_wrapper aboutUs-container fadeInLeft animated wow">
				<div class="search_form">
					<div class="container">
						<form method="post" action="${rootPath }/scenicspotList.htm" target="_blank">
							<h3>搜索</h3>
							<input type="text" class="text" value="" name="keyword" placeholder="请输入你要搜索的内容">
							<input type="submit" value="搜索">
							<a id="advance_search" href="#" data-toggle="modal" data-target="#about-modal">高级搜索...</a>
							<div class="modal fade" id="about-modal">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal">&times;</button>
											<h4 class="modal-title" id="myModalLabel">选择城市</h4>
										</div>
										<div class="modal-body">
											<label for="name"></label>
											<select name="city" class="form-control">
												<option>北京</option>
												<option>上海</option>
												<option>三亚</option>
												<option>成都</option>
												<option>大理</option>
												<option>苏州</option>
												<option>乌鲁木齐</option>
											</select>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default"
												data-dismiss="modal">关闭</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--搜索结束-->
	
		<!--登录开始-->
		<section id="login">
			<div class="login_from">
				<div class="container">
					<h3>登录</h3>
					<section class="container tm-home-section-1" id="more">
						<c:choose>
							<c:when test="${sessionScope.customer != null }">
								<!-- 普通用户 -->
								<div class="row">
									<div class="col-lg-4 col-md-4 col-sm-6">
										<div class="tm-home-box-1">
											<ul class="nav nav-tabs tm-white-bg" role="tablist"
												id="loginSignupTabs">
												<li role="presentation" class="active"><a href="#login"
													aria-controls="login" role="tab" data-toggle="tab"> 个人信息</a></li>
											</ul>
			
											<!-- Tab panes -->
											<div class="tab-content">
												<div role="tabpanel"
													class="tab-pane fade in active tm-white-bg" id="login">
													<div class="tm-search-box effect2">
														<form action="${rootPath }/loginSubmit.htm" method="post"
															class="login-search-form" id="loginForm">
															<div class="tm-form-inner">
																<div class="form-group">
																	<input type="text" readonly="readonly" name="account" class="form-control" placeholder="账号:${sessionScope.customer.account }" />
																</div>
																<div class="form-group">
																	<input type="text" readonly="readonly" name="name" class="form-control" placeholder="姓名:${sessionScope.customer.name }" />
																</div>
																<div class="form-group">
																	<input type="text" readonly="readonly" name="phone" class="form-control" placeholder="手机号:${sessionScope.customer.phone }" />
																</div>
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</c:when>
							<c:when test="${sessionScope.scenicSpotAdmin != null }">
								<!-- 普通用户 -->
								<div class="row">
									<div class="col-lg-4 col-md-4 col-sm-6">
										<div class="tm-home-box-1">
											<ul class="nav nav-tabs tm-white-bg" role="tablist"
												id="loginSignupTabs">
												<li role="presentation" class="active"><a href="#login"
													aria-controls="login" role="tab" data-toggle="tab"> 个人信息</a></li>
											</ul>
			
											<!-- Tab panes -->
											<div class="tab-content">
												<div role="tabpanel"
													class="tab-pane fade in active tm-white-bg" id="login">
													<div class="tm-search-box effect2">
														<form action="${rootPath }/loginSubmit.htm" method="post"
															class="login-search-form" id="loginForm">
															<div class="tm-form-inner">
																<div class="form-group">
																	<input type="text" readonly="readonly" name="account" class="form-control" placeholder="账号:${sessionScope.scenicSpotAdmin.account }" />
																</div>
																<div class="form-group">
																	<input type="text" readonly="readonly" name="name" class="form-control" placeholder="姓名:${sessionScope.scenicSpotAdmin.name }" />
																</div>
																<div class="form-group">
																	<input type="text" readonly="readonly" name="phone" class="form-control" placeholder="手机号:${sessionScope.scenicSpotAdmin.phone }" />
																</div>
																<div class="form-group">
																	<input type="text" readonly="readonly" name="phone" class="form-control" placeholder="性别:${sessionScope.scenicSpotAdmin.sex }" />
																</div>
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</c:when>
							<c:when test="${sessionScope.superSsa != null }">
								<!-- 普通用户 -->
								<div class="row">
									<div class="col-lg-4 col-md-4 col-sm-6">
										<div class="tm-home-box-1">
											<ul class="nav nav-tabs tm-white-bg" role="tablist"
												id="loginSignupTabs">
												<li role="presentation" class="active"><a href="#login"
													aria-controls="login" role="tab" data-toggle="tab"> 个人信息</a></li>
											</ul>
			
											<!-- Tab panes -->
											<div class="tab-content">
												<div role="tabpanel"
													class="tab-pane fade in active tm-white-bg" id="login">
													<div class="tm-search-box effect2">
														<form action="${rootPath }/loginSubmit.htm" method="post"
															class="login-search-form" id="loginForm">
															<div class="tm-form-inner">
																<div class="form-group">
																	<input type="text" readonly="readonly" name="account" class="form-control" placeholder="账号:${sessionScope.superSsa.account }" />
																</div>
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</c:when>
							<c:otherwise>
								<div class="row">
									<div class="col-lg-4 col-md-4 col-sm-6">
										<div class="tm-home-box-1">
											<ul class="nav nav-tabs tm-white-bg" role="tablist"
												id="loginSignupTabs">
												<li role="presentation" class="active"><a href="#login"
													aria-controls="login" role="tab" data-toggle="tab"> 登录</a></li>
												<li role="presentation"><a href="#signup"
													aria-controls="signup" role="tab" data-toggle="tab">注册</a></li>
											</ul>
			
											<!-- Tab panes -->
											<div class="tab-content">
												<div role="tabpanel"
													class="tab-pane fade in active tm-white-bg" id="login">
													<div class="tm-search-box effect2">
														<form action="${rootPath }/loginSubmit.htm" method="post"
															class="login-search-form" id="loginForm">
															<div class="tm-form-inner">
																<div class="form-group">
																	<input type="text" name="account" class="form-control" placeholder="请输入用户名" />
																</div>
																<div class="form-group">
																	<input type="password" name="password" class="form-control" placeholder="请输入密码" />
																</div>
																<div class="form-group">
																	<select name="userType" class="form-control">
																		<option value="1">普通用户</option>
																		<option value="2">景点管理员</option>
																		<option value="3">普通管理员</option>
																	</select>
																</div>
															</div>
															<div class="form-group  text-center">
																<input type="submit" class="btn btn-primary" value="登陆">
															</div>
														</form>
													</div>
												</div>
												<div role="tabpanel" class="tab-pane fade tm-white-bg"
													id="signup">
													<div class="tm-search-box effect2">
														<form action="${rootPath }/registerSubmit.htm" method="post"
															class="login-search-form" id="registerform">
															<div class="tm-form-inner">
																<div class="form-group">
																	<input type="text" name="account" class="form-control" placeholder="请输入用户名" />
																</div>
																<div class="form-group">
																	<input type="password" id="register_passwd" class="form-control" placeholder="请输入密码" />
																</div>
																<div class="form-group">
																	<input type="password" name="password" id="re_register_passwd" class="form-control"
																		placeholder="请确认密码" />
																</div>
																<div class="form-group  text-center">
																	<input type="submit" class="btn btn-primary" value="注册">
																</div>
															</div>
														</form>
			
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</c:otherwise>
						</c:choose>
					</section>
				</div>
			</div>
		</section>
		<!--登录结束-->
		<%@ include file="/common/include/head_footer.jsp" %>
	</body>
</html>